<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Lobster Web应用Demo</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link href="/lobsteruiframe/layuiadmin/layui/css/layui.css" rel="stylesheet" />
	<link href="/lobsteruiframe/layuiadmin/style/admin.css" rel="stylesheet" />
	<script src="/lobsteruiframe/layuiadmin/layui/layui.js"></script>
	<script src="/jslib/jquery-3.4.1.min.js"></script>
	<script src="/jslib/lobster.js"></script>
	<script src="js/bookmanage.js"></script>
</head>

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-form layui-card-header layuiadmin-card-header-auto">
				<div class="layui-input-inline">
					<label class="layui-form-label">书籍名称：</label>
					<div class="layui-input-inline">
						<input type="text" name="txtName" placeholder="请输入名称查询" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-input-inline">
					<button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="btnSearch" id="btnSearch">
						<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>查找
					</button>
				</div>
			</div>

			<div class="layui-card-body">
				<table id="bookTable" lay-filter="bookTable"></table>
			</div>
		</div>
	</div>
</body>

</html>



<script id="toolbar" type="text/html">
	<div class="layui-btn-group">
		<button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon layui-icon-add-1"></i>添加</button>
	</div>
</script>
<script type="text/html" id="flagTpl">
	{{#  if(d.Flag == '1'){ }}
	<span style="color:red;">丢失</span>
	{{#  } else { }}
	正常
	{{#  } }}
</script>

<script type="text/html" id="option">
	<a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
	{{#  if(d.Flag == '0'){ }}
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="disable"><i class="layui-icon layui-extend-stop"></i>丢失</a>
	{{#  } else { }}
	<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="enable"><i class="layui-icon layui-icon-ok"></i>找回</a>
	{{#  } }}
</script>

<script type="text/html" id="dialog">
	<div class="layui-fluid box">
		<form class="layui-form" lay-filter="formBook" id="formBook">
			<div class="layui-card">
				<div class="layui-card-body">
	
					<div class="layui-row">
						<div class="layui-col-xs12">
							<div class="layui-form-item">
								<label class="layui-form-label">
									<i style="color:red;">*&ensp; </i>书籍名称
								</label>
								<div class="layui-input-block">
									<input type="text" class="layui-input" lay-verify="required" id="txtBookName" name="BookName" />
								</div>
							</div>
						</div>
					</div>
	
					<div class="layui-row">
						<div class="layui-col-xs12">
							<div class="layui-form-item">
								<label class="layui-form-label">书籍价格</label>
								<div class="layui-input-block">
									<input type="text" lay-verify="required" class="layui-input" maxlength="200" id="txtBuyPrice" name="BuyPrice" />
								</div>
							</div>
						</div>
					</div>
					<div class="layui-form-item layui-hide">
						<input type="button" lay-submit lay-filter="btnSubmit" id="btnSubmit" value="确认">
					</div>
				</div>
			</div>
			<div class="layui-form-item layui-hide">
				<input type="button" lay-submit lay-filter="LAY-app-front-submit" id="LAY-app-front-submit" value="保存">
				<input type="button" lay-cancel lay-filter="LAY-app-front-cancel" id="LAY-app-front-cancel" value="取消">
				<input type="reset" id="LAY-app-form-reset" value="重置">
			</div>
	
			<div class="layui-form-item layui-hide">
				<input type="text" id="txtId" name="Id" value="0" />
			</div>
		</form>
	</div>
</script>